<template>
    <div>
        <register-header :headData="headerData"></register-header>
        <register-information :actid="this.headerData.actid" :packages_json="packages_json"></register-information>
        <common-alert
            cancelLink="/"
            nextLink="/"
            :showHideOnBlur="showHideOnBlur"
        >
            <p style="font-size: .4rem;color:#ff721f; text-align: center;margin:.3rem 0">恭喜您报名成功</p>
            <p style="font-size: .2rem;color:#aaaaaa; text-align: center;margin:.3rem 0">点击确定进入用户互动，取消进入活动详细页</p>
        </common-alert>
    </div>
</template>

<script>
import RegisterHeader from './components/header'
import RegisterInformation from './components/Information'
import CommonAlert from '@/common/Alert/alert.vue'
import { mapState, mapMutations } from 'vuex'
export default {
    name: 'Register',
    components: {
        RegisterHeader,
        RegisterInformation,
        CommonAlert
    },
    computed: {
        ...mapState({
            packages_json: 'Register_package_json',
            showHideOnBlur: 'Register_showSuccess',
            headerData: 'Detail_Register_header'
        })
    },
    data () {
        return {
            
        }
    },
    mounted () {
        
    },
    methods: {
        
    }
}
</script>

<style lang="stylus" scoped>

</style>